概述 webpack 作为目前最主流的代码打包工具，他提供了一整套的前端项目模块化方案，而不仅仅是局限于对JavaScript的模块化。 通过webpack提供的前端模块化方案，我们就可以很轻松的对我们前端项目开发过程中涉及到的所有的资源进 ...

背景 大家在使用 v-if v-show 时有没有遇到过这样的情况，当我们 v-if = false 一个元素时，其余元素的布局会收到影响，举个例子： ...

在使用Web Components之前，我们先看看上一篇文章Web Components简介，其中提到了相关的接口、属性和方法。 正是这些接口、属性和方法才实现了Web Components的主要技术：Custom elements（自定义 ...

看下lodash官方用法 _.get(object, path, [defaultValue]) 根据 object对象的path路径获取值。 如果解析 value 是 undefined 会以 defaultValue 取代。 参数介绍 ...

同步发表于：CSDN 掘金 知乎 GitBook Blog 写在前面 长期以来，前端的模块化管理都不很成熟（webpack出现之前），为此，早期（ES5时代）为了实现依赖管理，甚至会利用window等全局对象进行模块注册。而如今有了web ...

搞前端开发这几个工具命令都会用到，介绍下这几个工具的用处及之间的关系。 nrm: 描述： nrm(npm registry manager )是npm的镜像源管理工具，有时候国外资源太慢，使用这个就可以快速地在 npm 源间切换。 使用： ...

背景：最近做的Vue项目里需要实现全局统一错误提示组件 之前的错误提示统一放在axios封装的组件里，因为请求的时候无法访问vue实例，只好单独引入实现。 法一：引入element-ui样式 import { Message } from ...

一、初衷、想法 今年上半年的时候写了一个文件切片的库(凭空想象写的，没有结合实际项目开发)，近期在使用的时候发现有些功能并没有考虑周全，然鹅花了这周六日来重写? 之前的思路是，传入文件及对应的fileKey，然后根据byte来进行切片，切一 ...

一、修改项目结构 当前结构 修改后结构 将原来的 src 目录，修改成 examples 新建 packages 文件夹，用来存放后续的组件 二、修改配置 项目启动默认入口是 src/main.js，第一步已将 src 文件名改成 exam ...

在React中更新状态，一般的写法都是this.setState({a:1})，而非Vue那样this.a = 1。并且，如果在如下场景： state = { count: 0, }; componentDidMount() { ...